🎨 Origin UI — готовая коллекция компонентов для React и Tailwind CSS. Библиотека предлагает разработчикам набор готовых UI-элементов, которые можно просто скопировать и вставить в свой проект. Компоненты созданы с учётом современных тенденций дизайна и поддерживают темную и светлую темы.
Особенность проекта в глубокой интеграции с Tailwind CSS и React, включая Next.js. Компоненты следуют тем же принципам, что и shadcn, но с расширенными возможностями кастомизации. Поддержка Tailwind v4 обеспечивает доступ к новейшим функциям фреймворка.
🤖 GitHub
@react_tg
Особенность проекта в глубокой интеграции с Tailwind CSS и React, включая Next.js. Компоненты следуют тем же принципам, что и shadcn, но с расширенными возможностями кастомизации. Поддержка Tailwind v4 обеспечивает доступ к новейшим функциям фреймворка.
🤖 GitHub
@react_tg
📝 Remirror — react-библиотека для создания текстовых редакторов. Этот open-source проект, предлагающий готовые решения для WYSIWYG-редактирования с поддержкой мобильных устройств и доступностью.
Библиотека имеет модульную архитектуру: можно использовать готовые расширения или создавать собственные на низком уровне. Для старта достаточно установить пакет и собрать редактор из 30+ доступных компонентов.
🤖 GitHub
@react_tg
Библиотека имеет модульную архитектуру: можно использовать готовые расширения или создавать собственные на низком уровне. Для старта достаточно установить пакет и собрать редактор из 30+ доступных компонентов.
🤖 GitHub
@react_tg
🗣️ Astuto — open-source платформа для сбора фидбэка пользователей. С помощью инструмента можно публиковать roadmap, модерировать предложения пользователей и интегрироваться с Jira/Slack через webhooks.
Проект имеет гибкие настройки доступа от анонимных предложений до обязательной модерации. В отличие от аналогов, здесь нет ограничений на количество проектов или пользователей, а развёртывание через Docker занимает минуты.
🤖 GitHub
@react_tg
Проект имеет гибкие настройки доступа от анонимных предложений до обязательной модерации. В отличие от аналогов, здесь нет ограничений на количество проектов или пользователей, а развёртывание через Docker занимает минуты.
🤖 GitHub
@react_tg
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Frontend + Летний митап + Суббота = Я.Субботник по разработке интерфейсов 💛
7 июня в Москве Яндекс Go проводит Я.Субботник по разработке интерфейсов. В программе 4 доклада и воркшоп:
👉 Артемий Карпов расскажет, как команда выстраивает взаимодействие между разработкой и тестированием при написании автотестов и улучшении семантики приложения
👉 Миша Колосовский покажет, как сделать статические схемы интерактивными и причем тут SVG
👉 Давид Давыдов объяснит, что мы сделали с серверным API и как пришли к одной строчке кода вместо сотни
👉 Серёжа Алейников поделится опытом портирования нативного BDUI в вебе
На воркшопе участники в командах будут исправлять некорректные интерфейсы, стараясь учесть требования дизайнеров, бэкенд-разработчиков и тестировщиков. Вместе обсудим варианты решений, а коллеги из Яндекса помогут найти самое оптимальное.
Регистрируйтесь и зовите друзей!
Мероприятие бесплатное. Количество мест в офлайне ограничено — пожалуйста, дождитесь нашего подтверждения.
7 июня в Москве Яндекс Go проводит Я.Субботник по разработке интерфейсов. В программе 4 доклада и воркшоп:
👉 Артемий Карпов расскажет, как команда выстраивает взаимодействие между разработкой и тестированием при написании автотестов и улучшении семантики приложения
👉 Миша Колосовский покажет, как сделать статические схемы интерактивными и причем тут SVG
👉 Давид Давыдов объяснит, что мы сделали с серверным API и как пришли к одной строчке кода вместо сотни
👉 Серёжа Алейников поделится опытом портирования нативного BDUI в вебе
На воркшопе участники в командах будут исправлять некорректные интерфейсы, стараясь учесть требования дизайнеров, бэкенд-разработчиков и тестировщиков. Вместе обсудим варианты решений, а коллеги из Яндекса помогут найти самое оптимальное.
Регистрируйтесь и зовите друзей!
Мероприятие бесплатное. Количество мест в офлайне ограничено — пожалуйста, дождитесь нашего подтверждения.
This media is not supported in your browser
VIEW IN TELEGRAM
#прелоадер #ожидание #загрузка
https://codepen.io/jkantner/pen/mdKOpbe
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
📥 Stoplight Elements — это мощный инструмент для создания элегантной и удобной документации API. Он поддерживает OpenAPI и Markdown, позволяя не только описывать endpoints, но и добавлять обучающие статьи, руководства и примеры использования.
В репозитории есть примеры для разных фреймворков: React, Angular и даже чистый HTML. Можно быстро развернуть демо и посмотреть, как это работает. Проект доступен в виде React-компонентов или Web Components, что делает его гибким для интеграции в любые проекты — будь то многостраничный портал в стиле Stripe или простая документация для CMS.
🤖 GitHub
@react_tg
В репозитории есть примеры для разных фреймворков: React, Angular и даже чистый HTML. Можно быстро развернуть демо и посмотреть, как это работает. Проект доступен в виде React-компонентов или Web Components, что делает его гибким для интеграции в любые проекты — будь то многостраничный портал в стиле Stripe или простая документация для CMS.
🤖 GitHub
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🚀 FastUI — фреймворк, позволяющий собирать React-интерфейсы, описывая их декларативно на Python. Под капотом у проекта набор Pydantic-моделей, которые автоматически преобразуются в TypeScript-типы и React-компоненты.
Хотя инструмент еще находится в стадии активной разработки, он уже демонстрирует интересный подход — бэкенд полностью определяет UI, а фронтенд становится исполнителем без собственной бизнес-логики.
🤖 GitHub
@python_job_interview
Хотя инструмент еще находится в стадии активной разработки, он уже демонстрирует интересный подход — бэкенд полностью определяет UI, а фронтенд становится исполнителем без собственной бизнес-логики.
🤖 GitHub
@python_job_interview
This media is not supported in your browser
VIEW IN TELEGRAM
Магистратура, после которой работа найдёт тебя сама 🎓
Программа «Запуск высокотехнологичных продуктов» — совместная магистратура МФТИ и Сбера.
Здесь студенты сразу работают над реальными проектами, получают бизнес-навыки и учатся у тех, кто уже делает технологии будущего.
Что ты получаешь 👇
✔️ работу над своим проектом с 1-го дня
✔️ экспертизу МФТИ + бизнес-практику от Сбера
✔️ комьюнити и менторов
✔️ шанс выиграть грант на 100% стоимости обучения
Если тебе важна практика, а не только теория — это твой путь.
Подавай документы до 15 августа 📆
Программа «Запуск высокотехнологичных продуктов» — совместная магистратура МФТИ и Сбера.
Здесь студенты сразу работают над реальными проектами, получают бизнес-навыки и учатся у тех, кто уже делает технологии будущего.
Что ты получаешь 👇
✔️ работу над своим проектом с 1-го дня
✔️ экспертизу МФТИ + бизнес-практику от Сбера
✔️ комьюнити и менторов
✔️ шанс выиграть грант на 100% стоимости обучения
Если тебе важна практика, а не только теория — это твой путь.
Подавай документы до 15 августа 📆
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
⚒️ Как освоить работу с API и научиться интегрировать реальные данные на веб-страницу?
На открытом вебинаре вы разберетесь:
▸Что такое API, как с ним работать;
▸Как получать данные с реальных серверов с помощью JavaScript и fetch();
▸ Мы покажем, как создавать простые приложения с реальными API: погода, курсы валют, случайные цитаты.
❗️ Получите практические навыки работы с API, которые помогут вам быстро создать полезные веб-приложения. Это отличный старт для начинающих разработчиков и верстальщиков, которые хотят выйти на новый уровень.
📅 Урок 3 июня в 20:00 МСК проходит в преддверие старта курса «Fullstack Developer»: https://tglink.io/48c0f73ee7b2?erid=2W5zFJ1SDSY
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
На открытом вебинаре вы разберетесь:
▸Что такое API, как с ним работать;
▸Как получать данные с реальных серверов с помощью JavaScript и fetch();
▸ Мы покажем, как создавать простые приложения с реальными API: погода, курсы валют, случайные цитаты.
❗️ Получите практические навыки работы с API, которые помогут вам быстро создать полезные веб-приложения. Это отличный старт для начинающих разработчиков и верстальщиков, которые хотят выйти на новый уровень.
📅 Урок 3 июня в 20:00 МСК проходит в преддверие старта курса «Fullstack Developer»: https://tglink.io/48c0f73ee7b2?erid=2W5zFJ1SDSY
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
This media is not supported in your browser
VIEW IN TELEGRAM
Прелоадер, который отлично подойдёт для сайта доставки еды
#прелоадер #ожидание #загрузка
https://codepen.io/jkantner/pen/OJGBYJG
@react_tg
#прелоадер #ожидание #загрузка
https://codepen.io/jkantner/pen/OJGBYJG
@react_tg
Media is too big
VIEW IN TELEGRAM
Стань частью масштабного ИТ-события от МТС
True Tech Day 2025 — третья технологическая конференция МТС для профессионалов ИТ‑индустрии. Одна из главных тем в этом году — тренды и практики искусственного интеллекта.
В программе:
— Доклады от ученых и зарубежных спикеров с индексом Хирша более 50.
— Кейсы применения современных ИИ‑решений — от AI‑агентов, тестов LLM и бенчмарков до вопросов регулирования.
— AI-интерактивы и технологические квесты.
— Пространство для нетворкинга,
…а еще after-party со звездным лайн-апом.
Когда: 6 июня
Где: Москва, МТС Live Холл и онлайн
Участие бесплатное, но мест мало. Регистрируйся по ссылке.
True Tech Day 2025 — третья технологическая конференция МТС для профессионалов ИТ‑индустрии. Одна из главных тем в этом году — тренды и практики искусственного интеллекта.
В программе:
— Доклады от ученых и зарубежных спикеров с индексом Хирша более 50.
— Кейсы применения современных ИИ‑решений — от AI‑агентов, тестов LLM и бенчмарков до вопросов регулирования.
— AI-интерактивы и технологические квесты.
— Пространство для нетворкинга,
Когда: 6 июня
Где: Москва, МТС Live Холл и онлайн
Участие бесплатное, но мест мало. Регистрируйся по ссылке.
🎥 Cap — open-source проект Cap, предлагающий функционал, аналогичный популярному сервису Loom. Инструмент уже сейчас позволяет записывать и редактировать видео прямо с рабочего стола, а в ближайших планах — запуск self-hosted версий для Vercel и Render.
Гибридная архитектура проекта сочетает Rust для десктоп-приложения и Next.js для веб-версии, с единой системой компонентов на React. Разработчики активно привлекают сообщество к доработке, особенно в части создания инструкций по самостоятельному развертыванию.
🤖 GitHub
@react_tg
Гибридная архитектура проекта сочетает Rust для десктоп-приложения и Next.js для веб-версии, с единой системой компонентов на React. Разработчики активно привлекают сообщество к доработке, особенно в части создания инструкций по самостоятельному развертыванию.
🤖 GitHub
@react_tg
🚀 React Virtuoso — виртуализация списков в React на максимум. Этот набор компонентов умеет всё: от простых списков до чатов, таблиц и masonry-раскладок. Все функции работают из коробки — не нужно вручную рассчитывать размеры элементов или изобретать бесконечную прокрутку.
Проект поддерживает группировку с липкими заголовками и адаптивность под разные сценарии. Хотите плавную прокрутку при подгрузке сообщений в чате? Нужна таблица с виртуализацией строк? Virtuoso справляется с этим минимальным количеством кода.
🤖 GitHub
@react_tg
Проект поддерживает группировку с липкими заголовками и адаптивность под разные сценарии. Хотите плавную прокрутку при подгрузке сообщений в чате? Нужна таблица с виртуализацией строк? Virtuoso справляется с этим минимальным количеством кода.
🤖 GitHub
@react_tg
⚡️ Re.Pack — новый бандлер для React Native с поддержкой Rspack и Webpack. Проект особенно полезен для микрофронтендов благодаря встроенной поддержке Module Federation.
Проект позиционируется как drop-in replacement для Metro, то есть обещает совместимость с существующими RN-приложениями без болезненной миграции.
🤖 GitHub
@react_tg
Проект позиционируется как drop-in replacement для Metro, то есть обещает совместимость с существующими RN-приложениями без болезненной миграции.
🤖 GitHub
@react_tg
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Клевый ресурс для веб-разработчиков: 12 удобных инструментов в одном месте.
Внутри — генераторы треугольников, теней, градиентов, оптимизация SVG, конвертеры и многое другое.
Все инструменты простые, визуальные и доступны бесплатно.
https://omatsuri.app/
@react_tg
Внутри — генераторы треугольников, теней, градиентов, оптимизация SVG, конвертеры и многое другое.
Все инструменты простые, визуальные и доступны бесплатно.
https://omatsuri.app/
@react_tg
🎨 Веб-дизайнерам на заметку — сервис Pixie позволяет генерировать любые пиксель-арт изображения для проектов.
Внутри — несколько мощных моделей на выбор, включая Gemini 2.0 и Flux 1. Генерирует всё: от персонажей и объектов до динозавров и поп-культуры.
Работает по промптам, понимает контекст, выдаёт готовую пиксельную графику.
🧪 Доступен бесплатно — можно протестировать по ссылке.
https://pixie.haus/
@react_tg
Внутри — несколько мощных моделей на выбор, включая Gemini 2.0 и Flux 1. Генерирует всё: от персонажей и объектов до динозавров и поп-культуры.
Работает по промптам, понимает контекст, выдаёт готовую пиксельную графику.
🧪 Доступен бесплатно — можно протестировать по ссылке.
https://pixie.haus/
@react_tg